<template>
	<view v-if="vuex_user.nickname" style="padding: 0px;display: flex;justify-content: space-between;"
		@click="routed('/pages/my/personal')">
		<view style="padding: 0px;display: flex;justify-content: flex-start;">
			<uv-image customStyle="{margin-right:'10px',width: 'auto'}" :src="vuex_user.portrait" :lazy-load="true"
				radius="10px" width="105" height="105"></uv-image>
			<view class="" style="width: auto;margin-left: 5px;">
				<view style="height: 0px;opacity: 0;">
					<uv-text :text="fill"></uv-text>
				</view>
				<uv-text style="font-size: 15px;" customStyle="font-size: 20px;" :text="vuex_user.nickname"></uv-text>
				<view style="display: flex;justify-content: flex-start;">
					<uv-text mode="phone" format="encrypt"
						:text="vuex_user.phone?vuex_user.phone:vuex_user.mail"></uv-text>

					<uv-tags size="mini"
						:text="vuex_user.members.text=='非会员'?vuex_user.members.text:(vuex_user.members.text+'-'+vuex_user.members.name)"></uv-tags>
					<!-- <uv-text color="#aa55ff"
						:text="vuex_user.members.text=='非会员'?vuex_user.members.text:(vuex_user.members.text+'-'+vuex_user.members.name)"></uv-text> -->
				</view>
				<uv-text :lines="3" wordWrap="anywhere" :text="vuex_user.blurb?vuex_user.blurb:'此人太懒了'"
					customStyle="color:#A1A1A1;"></uv-text>
			</view>
		</view>
		<uv-icon v-if="right" name="arrow-right" style="color: #eee;"></uv-icon>
	</view>
</template>

<script>
	// 引入
	import config from '@/common/config'
	export default {
		props: {
			propValue: String,
			right: {
				type: Boolean,
				default: true
			}
		},
		data() {
			return {
				tabbar: config.tabbar,
				fill: config.fill,
			}
		},
		computed: {},
		methods: {
			Tabbar(e) {
				const tab = this.tabbar;
				console.log('e', e);
				for (let item in tab) {
					if (e === tab[item].en) {
						console.log('Tabbar', item);
						// this.propValue = e;
						this.routed(tab[item].url);
					}
				}
			},
			routed(url) {
				uni.$uv.route({
					url: url,
					intercept(params, next) {
						// console.log(params, next)
						next(true);
					}
				})
			}
		}
	}
</script>